.product-list {
  height: calc(100vh - env(safe-area-inset-bottom));
  background-color: #f5f5f5;
  position: relative;

  .product-list-tabs {
    height: 75rpx;
    width: 100vw;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    z-index: 999;

    .product-list-tabs-item-active {
      border-bottom: 4rpx solid #1989fa !important;
      color: #1989fa;
    }


    .product-list-tabs-item {
      width: 187.5rpx;
      height: 75rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30rpx;
      border-bottom: 4rpx solid #fff;
    }

    .order-price {
      .price-icons {
        margin-left: 10rpx;

        .icon-up {
          width: 0;
          height: 0;
          border-left: 12rpx solid transparent;
          border-right: 12rpx solid transparent;
          border-bottom: 12rpx solid #dedede;
          /* 灰色下边框形成上三角 */
          margin-bottom: 6rpx;
        }

        .icon-up-active {
          border-bottom: 12rpx solid #1989fa !important;
        }

        .icon-down-active {
          border-top: 12rpx solid #1989fa !important;
        }

        .icon-down {
          width: 0;
          height: 0;
          border-left: 12rpx solid transparent;
          border-right: 12rpx solid transparent;
          border-top: 12rpx solid #dedede;
          /* 红色上边框形成下三角 */
        }
      }
    }
  }

  .product-list-scroll-view {
    margin-top: 5rpx;
    height: calc(100vh - env(safe-area-inset-bottom) - 85rpx);

    .product-list-scroll-view__container {
      padding: 30rpx 10rpx;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 30rpx;
      justify-items: center;
      align-items: center;
    }

    .product-list-empty-status {
      height: 100%;
      display: flex;
      justify-content: center;
      align-content: center;

      .product-list-empty-status-content {
        box-sizing: border-box;
        padding-top: 30%;

        .product-list-empty-status-text {
          text-align: center;
          font-size: 30rpx;
          color: #999;
          margin-top: 30rpx;
        }

        .product-list-empty-status-image {}
      }
    }

  }

  .out-of-stock-registration {
    position: absolute;
    right: 25rpx;
    bottom: 200rpx;
    background-color: #4285F4; /* 谷歌蓝，高对比度且不刺眼 */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15rpx; /* 增加水平内边距，按钮更舒展 */
    border-radius: 20rpx;
    box-shadow: 0 3px 10px rgba(66, 133, 244, 0.4); /* 同色系阴影，增强层次感 */
}

.out-of-stock-registration-content {
    color: #FFFFFF; /* 纯白字体，与蓝色背景形成强烈对比 */
    font-size: 28rpx; /* 适当增大字体，提升可读性 */
    font-weight: 500; /* 字体加粗，更醒目 */
}
}